<!-- BEGIN:main -->

<script>


    // bắt sự kiện khi chọn nhóm cha
    // nếu nhóm cha bằng chính nó thì không hợp lệ
    $(document).ready(function()
    {

        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true
        });


        $("#slParentID").change(function()
        {
            var parentID = $(this).val();
            var categoryID = $("#hdCategoryID").val();
            if (parentID == categoryID) {
                alert('Nhóm cha không được là chính nó, vui lòng chọn lại');
                // chọn lại nhóm cha là "không có nhóm cha"
                $(this).val(0);
            }
        });
    });


    function submitForm(action)
    {
        var title = $('#txtTitle');
        var alias = $('#txtAlias');


        var hasError = validateEmptyValue(title);

        // kiểm tra giá trị hợp lệ
        if (hasError) {
            alert("Vui lòng điền đầy đủ thông tin");
        } else {
            var form = document.phpForm;
            if (form.slParentID.value == form.hdCategoryID.value) {
                alert('Nhóm cha không được là chính nó, vui lòng chọn lại');
                form.slParentID.value = 0;
                return;
            }

            if (alias.val() == '') {
                alias.val(title.val());
            }
            form.hdAction.value = action;
            form.submit();
        }

    }
</script>




<div id="toolbar-box">
    <div class="d_divide5"></div>
    <div class="toolbar" id="toolbar">
        <table class="toolbar">
            <tbody>
                <tr>
                    <td class="button" id="toolbar-save">
                        <a href="javascript:void()" onclick="submitForm('editAndExit')" class="toolbar">
                            <span class="icon-32-save" title="Lưu và thoát">
                            </span>
                            Lưu và thoát
                        </a>
                    </td>

                    <td class="button" id="toolbar-apply">
                        <a href="javascript:void()" onclick="submitForm('edit')" class="toolbar">
                            <span class="icon-32-apply" title="Lưu">
                            </span>
                            Lưu
                        </a>
                    </td>

                    <td class="button" id="toolbar-cancel">
                        <a href=".?com=com_item&view=category&task=view" class="toolbar">
                            <span class="icon-32-cancel" title="Hủy">
                            </span>
                            Hủy
                        </a>
                    </td>

                </tr>
            </tbody>
        </table>
    </div>
    <div class="header icon_48_item_category_edit">
        Nhóm sản phẩm: <small><small>[ Chỉnh sửa ]</small></small><br>
    </div>

    <div class="d_divide5"></div>

</div>

<div class="d_divide10"></div>
<div class="d_clear"></div>

<div id="element-box">


    <form method="post" name="phpForm">
        <input type="hidden" name="hdAction"/>
        <input type="hidden" name="hdCategoryID" id="hdCategoryID" value="{CATEGORY_ID}"/>
        <input type="hidden" name="task"/>
        <div>
            <fieldset class="adminform">
                <legend>Chi tiết</legend>

                <table class="admintable">
                    <tbody>
                        <tr>
                            <td >
                                <label for="txtTitle" class="d_label">Tên: <b style="color: red;font-size: 14px;">*</b></label>
                            </td>
                            <td>
                                <input style="width: 350px;" class="d_text_input" name="txtTitle" id="txtTitle" value="{CATEGORY_TITLE}" size="50" maxlength="50" title="Tên nhóm sản phẩm" type="text" />
                            </td>  
                            <td >
                                <label for="datepicker" class="d_label">Ngày tạo:</label>
                            </td>
                            <td >					
                                <input value="{CATEGORY_MODIFIED_DATE}" readonly="true" class="d_text_input" id="datepicker" style="WIDTH: 80px;" name="createdDate" />
                            </td> 

                        </tr>
                        <tr>
                            <td >
                                <label for="txtAlias" class="d_label">Alias:</label>
                            </td>
                            <td >
                                <input style="width: 350px;" class="d_text_input" name="txtAlias" id="txtAlias" value="{CATEGORY_ALIAS}" size="50" maxlength="50" title="Alias sản phẩm" type="text" />
                            </td> 

                            <td >
                                <label for="" class="d_label">Bật/Tắt: </label>

                            </td>
                            <td >
                                <!-- BEGIN:state_false -->
                                <input name="rdoState" value="0" checked="checked" class="inputbox" type="radio"  />
                                <label >Tắt</label>
                                <input name="rdoState" value="1" class="inputbox" type="radio" />
                                <label >Bật</label>
                                <!-- END:state_false -->


                                <!-- BEGIN:state_true -->
                                <input name="rdoState" value="0" class="inputbox" type="radio"  />
                                <label >Tắt</label>
                                <input name="rdoState" value="1" checked="checked" class="inputbox" type="radio" />
                                <label >Bật</label>
                                <!-- END:state_true -->                                                
                            </td>                                                                                  					                    
                        </tr>

                        <tr>
                            <td >
                                <label for="slParentID" class="d_label"> Nhóm cha:</label>
                            </td>                    
                            <td>
                                <select class="d_text_input" size="1" style="width: 250px;" id="slParentID" name="slParentID">
                                    <option value="0" selected >-- Không có nhóm cha --</option>
                                    <!-- BEGIN:category_list -->
                                    <OPTION {SELECTED_CATEGORY} value={CATEGORY_ID}>{CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:category_list -->
                                </select>
                            </td>   
                            <td >

                            </td>                                   
                            <td >

                            </td>
                        </tr>
                    </tbody></table>
            </fieldset>

            <fieldset class="adminform">
                <legend>Sự miêu tả</legend>


                <textarea name="txtDescription" id="txtDescription">{CATEGORY_DESCRIPTION}</textarea>

                <script language="javascript" type="text/javascript">
                    CKEDITOR.replace('txtDescription',
                    {
                        filebrowserBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html',
                        filebrowserImageBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Images',
                        filebrowserFlashBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Flash',
                        height: 250,
                        toolbarStartupExpanded: false
                    });
                </script>

            </fieldset>
        </div>
    </form>


</div>
<noscript>
!Cảnh báo! Javascript phải được bật để chạy được các chức năng trong phần Quản trị		
</noscript>

<!-- END:main -->